<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,input,button,img,cite,strong,em{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{}
img ,embed{ border:none;}
select,input{font-size:12px;}
select,input,img{vertical-align:middle;}
ul, ol, li{ list-style-type:none;}
a{ color:#333; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px;}
a:hover{ color:#d60000; text-decoration:none;}
a:visited{text-decoration:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#fff;}
.clear{clear:both; line-height:0; font-size:0;content: "."; display: block; visibility: hidden;}
.clearit{clear:both; line-height:0; height:20px; font-size:0;content: "."; display: block; visibility: hidden;}
.cle{clear:both; line-height:0; height:130px; font-size:0;content: "."; display: block; visibility: hidden;}
.clee{clear:both; line-height:0; height:50px; font-size:0;content: "."; display: block; visibility: hidden;}
.texts_show{ line-height:220%;}
/*移动端底部导航*/
.phonefooternav { position: fixed; bottom: 0px; width: 100%; z-index: 99999; height:40px; display:none;}
.phonefooternav ul li { width: 25%; background: #494949; float: left; list-style: none; height:40px;  display: block;}
.phonefooternav ul li a {  display: block;  color: #fff; text-align: center; line-height:40px;  border-right: 1px solid #666;}
.phonefooternav ul li a:hover{  text-decoration: initial;}
@media (max-width: 720px) {
.phonefooternav{ display:block;}
.phonefooternav ul li { padding: 3px 0px;}
.cle{clear:both; line-height:0; height:80px; font-size:0;content: "."; display: block; visibility: hidden;}
}
/* 头部框架 */
.topArea .bg-topArea,.header .header-inner,.ftLinkWrap .ftLink,.footer .ft-wrap { position:relative; max-width:1280px; margin:0 auto; }
.topArea { height:35px; line-height:35px; background:#f5f5f5;}
.r-arte { position:absolute; right:0; top:0; }
.spot,.topArea span .wbst,.topArea span .wbst a { color:#b81c22; }
.r-arte .code, .r-arte .code a { color:#b81c22;}
.r-arte h1{ text-align:right; float:right;}
.r-arte h1 a{ padding:0 8px; float:left; font-weight:normal;}
.r-arte h1 a img{ height:16px; float:left; margin-right:3px; margin-top:10px;}

/*导航*/
#topNav { position:absolute; z-index:222; height:85px; top:0; width:100%; margin:0 auto; background:#fff;  }
#topNav.nav_fixed { position:fixed; top:0; height:85px; width:100%; z-index:9999999; background:#fff;opacity: 0.9; border-bottom:3px solid #003399;}

.navbox{ max-width:1300px;  margin:0 auto; height:85px;}
.logo_bj{ max-width:1300px; margin:0 auto;}
.logo{ width:30%; float:left; padding-top:10px;}
.logo a img{ max-height:75px;}
.t_tel{ width:290px; margin-top:30px; height: 34px; background: #f0f0f0;border-radius: 17px;overflow: hidden; float:right;}
.t_tel&gt;span{display: block;float: left;}
.t_tel_img{width: 20px;height: 22px;margin-left: 13px;margin-top: 7px;}
.t_tel_img img{width: 20px;height: 22px;}
.t_tel_ts{font-size:14px; color: #8aba29;line-height: 34px;margin-left: 8px;}
.t_tel_nb{font-size:18px; color: #8aba29;line-height: 34px;font-weight: bold;margin-right: 18px;}

.nav_bj{ width:100%; height:45px; background:#003399;}
.nav { width:100%; max-width:1200px; height:40px; margin:0 auto;}
.nav ul{}
.nav li { position:relative; float:left; line-height:45px; display:block;}
.nav li a { display:block; transition:0.2s; font-size:15px; line-height:45px;  padding:0 45px; text-transform:uppercase; color:#fff;}
/*导航*/
.nav&gt;ul&gt;li { height:50px; line-height:50px; }
.nav&gt;ul&gt;li&gt;a:hover,.nav&gt;ul&gt;li&gt;.current { background:#006699; color:#fff; z-index:1;}
.nav&gt;ul&gt;li&gt;a:hover::after,
.nav&gt;ul&gt;li&gt;a:hover::before,
.nav&gt;ul&gt;li&gt;.current::after,
.nav&gt;ul&gt;li&gt;.current::before { position: absolute; top:0;  height:50px; content: ""; }
.nav&gt;ul&gt;li&gt;a:hover::after,
.nav&gt;ul&gt;li&gt;.current::after {background:#006699; color:#fff;}
.nav&gt;ul&gt;li&gt;a:hover::before,
.nav&gt;ul&gt;li&gt;.current::before {background:#006699; color:#fff;}

.nav li .shownav { position:absolute; top:40px; width:130%; visibility:hidden;z-index:99999; background:#006699; color:#fff;opacity: 1.0;}
.nav li .shownav li{ font-size:12px; line-height:32px; display:block; width:100%; border-bottom:1px solid #fff; padding:0; border-right:none;}
.nav li .shownav li a { padding:5px 15px; line-height:32px; text-align:center; font-weight:normal; color:#fff; display:block; font-size:12px; }
.nav li:hover .shownav { visibility:visible; }
.nav li .shownav li a:hover { background:#003399; color:#fff;}
.nav ul li:hover .shownav li ul{ display:none;}
.nav ul li:hover .shownav li:hover ul {display:block; position:absolute; left:100%; top:0; background:#003399; width:100%;}
.nav ul li:hover .shownav li:hover ul:hover{background:#006699;}
.logo1{ display:none;}
.topr{ display:none;}
@media (max-width: 760px) {
.topArea .bg-topArea,.header .header-inner,.ftLinkWrap .ftLink,.footer .ft-wrap { display:none; }
.topArea { display:none; }

#topNav { position:absolute; z-index:222; height:80px; top:0px; width:100%; margin:0 auto;}
#topNav.nav_fixed { position:fixed; top:0; width:100%; z-index:9999999; background:#fff;opacity: 0.9; border-bottom:1px solid #333333;}
.logo{ display:none;}
.tel-num{ display:none;}
.top_title{ display:none;}
.logo1{ width:85%; display:block; float:left; margin-top:5px;}
.logo1 a img{ width:85%; max-height:70px;}
.nav{ display:none;}
.nav_bj{ display:none;}

.topr{ display:block; width:10%; float:right; margin-right:5px; margin-top:15px;}
.topr a{ display:block; text-align:right;}
.topr a img{ width:100%;}
/*nav*/
.navm{ width:100%; height:300px; position:absolute; top:60px; z-index:1111; background:#fff; opacity: 0.8;Alpha(opacity=80)}
.navm ul{ padding-top:12px;}
.navm ul li{ width:100%; height:35px; text-align:center;}
.navm ul li a{ font-size:16px; line-height:35px; letter-spacing:1px; display:block; color:#333333;}
}
.top_title{ width:42%; float:right; margin-top:20px;}
.top_title b{
  color: #000000;
  font-size:20px;
  letter-spacing: 2px;
 }
 .top_title span { color: #003399;}
 .top_title p{ font-size:20px;}


.tel-num { width:22%;
   float:right;
  font-size: 14px;
  color: #333;
  line-height:26px; margin-top:10px;
 
}
.tel { float:left;
}
.tel-num span {
  font-size: 34px;
  font-weight: 600;

}
/*banner*/
.banner{height:560px; overflow:hidden; z-index:1;}
.banner .d1{width:100%; height:560px;left:0px;position:absolute; top:130px; overflow:hidden;}
.banner .d1 img{ height:560px; width:100%; }
.banner .d2{ width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:650px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -100px;display:inline;}
.banner .d2 li{width:50px;height:5px;overflow:hidden;cursor:pointer;background:url(img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(img1_1.png) no-repeat center;}
@media (max-width: 720px) 
{
.banner{height:183px;overflow:hidden; z-index:1; display:block;}
.banner .d1{height:183px;left:0px;position:absolute; top:80px;}
.banner .d1 img{ min-height:183px; max-height:183px; width:100%;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:250px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -120px;display:inline;}
.banner .d2 li{width:50px;height:5px;overflow:hidden;cursor:pointer;background:url(img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(img1_1.png) no-repeat center;}
}
.youshi{ width:100%; max-width:1280px; margin:0 auto;}
.youshi ul li{ float:left; width:29.3%; margin:0 1%; line-height:28px; padding:30px 1%; color:#fff;}
.youshi ul li strong{ display:block; float:left; margin:15px 10px 0 0;}
.youshi ul li b{ font-size:14px; border-bottom:2px solid #fff; padding-bottom:7px;}
.youshi ul li span{ width:30px; height:2px; background:#fff;}
.youshi ul li p{ padding-top:5px;}
.youshi ul li:hover{transition:all 0.5s;transform: scale(1.1,1.1);}
.syjj_bj{ width:100%; float:left;}
.syjj{ width:100%; max-width:1280px; margin:0 auto;}

.syjj_l{ width:48%; float:left;}
.syjj_l img{ width:100%;}
.syjj_r{ width:50%; float:right; line-height:220%; font-size:16px;}
.syjj_r p{ padding-right:15px;}
.syjj_r_zt ul{ width:100%; line-height:200%;}
.index-about-more{width: 180px;height: 43px;line-height: 43px;text-align: center;background:#003399;border-radius: 15px; float:left;}
.index-about-more&gt;a{font-size: 14px;line-height: 40px;color: #fff;}
.index-about-more:hover{background: #c00;}
.index-about-more:hover a{color: #FFF;text-decoration: none;}
@media (max-width: 720px) {
.youshi ul li{ float:left; width:98%; margin:5px 0; line-height:28px; padding:30px 1%; color:#fff;}

.syjj{ padding-bottom:25px;}
.syjj_l{ width:100%; float:left;}
.syjj_l img{ width:95%; text-align:center; padding:0 5px;}
.syjj_r{ width:100%; float:left; line-height:200%;}
.syjj_r_zt ul{ width:98%; padding:0 1%; line-height:200%;}
}
.syan{ width:100%; margin:0 auto;}
.syan ul li{ width:33.3333%; float:left; text-align:center; line-height:28px; padding:0;}
.syan ul li img{ width:100%;}

@media (max-width: 720px) {
.syan ul li{ width:100%; float:left; text-align:center; line-height:28px; padding:0;}
}

/*优势*/


/* 产品 */
.i_pro{position:relative;overflow: hidden;} 
.i_pro_f{max-width:1280px;margin: 0 auto;}
.i_pro_t{margin-top: 45px; margin-bottom:5px;}
.i_pro_t1{font-size: 26px;line-height: 36px;font-weight: bold;color: #333333;text-align: center; letter-spacing:1px;}
.i_pro_t2{font-size: 18px;line-height:32px;color: #cccccc;text-align: center; text-transform:uppercase; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}
.i_pro_tb{ width:50px; height:2px; margin:0 auto; background:#d22d31;}
.i_pro_typebox{text-align: center;margin:14px 0; float:left;}
.i_pro_type{display: inline-block; font-size: 14px;line-height: 35px;border-radius: 10px;color: #fff;cursor: pointer; background:#003399; margin:10px 1%; width:22%;}
.i_pro_type a{ color:#fff;}
.i_pro_type:hover,.i_pro_type.cur{background: #cc2229;color: #ffffff;}

.i_pro_left{ width:17%; float:left; margin-top:30px;}
.pro_top{display: block;width:100%;height: 83px;line-height: 83px;background: #0657B2;color: #fff;}
.i_pro_left .pro_left{display: block;width: 100%;height: 90px;line-height:40px;background: #0657B2;color: #f4c009; text-align: center; font-size: 18px; padding-top: 20px; font-weight: bold;}
.pro_top b{font-size: 26px;color: #fff;padding-left:40px;background: url(biao.png) no-repeat center left;letter-spacing: 2px;margin-left:10px}
.pro_list{width: 100%;border-top:1px solid #dfdfdf;background: #f3f3f3;}
.pro_list .nLi{width: 100%;position: relative; border-bottom:1px solid #fff; }
.pro_list .nLi &gt; a{padding-left: 15px;font-size: 16px;line-height:50px;background: url(bian.png) no-repeat 92% center #ddd;display: block;} 
.pro_list .nLi:hover &gt; a{color: #fff;background:url(bian.png) no-repeat 92% center #0657B2}
.pro_list .nLi .erji{line-height: 18px;font-size: 14px; position:absolute; left:100%; width:100%; display:none; top:0; z-index:9999; background:#0657B2;}
.pro_list .nLi:hover .erji{ display:block;}
.pro_list .nLi:hover .erji li{text-indent:15px; border-bottom:1px solid #fff;}
.pro_list .nLi:hover .erji li a{ color:#fff; font-size:14px; line-height:35px; display:block;}
.pro_list .nLi:hover .erji li:hover{ background:#0066bd;color: #fff}
.pro_list .nLi:hover .erji li:hover a{color: #fff;}

.i_pro_right{ width:80%; float:right;}
.i_pro_m{margin-top: 30px;}
.i_pro_tab{display: none;}
.i_pro_tab.cur{display: block;}

.i_pro_more{width: 260px; display:block; height: 50px;background: #003399; border-radius: 25px;overflow: hidden;font-size: 14px;line-height: 50px;text-align: center;margin: 0 auto 25px;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}
.i_pro_more a{color: #fff;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease; font-size:16px;}
.i_pro_more:hover{background: #cc2229;}
.i_pro_more:hover a{color: #ffffff;}

@media (max-width: 780px) {
.i_pro_left{ width:100%; float:left; margin-top:30px;}
.pro_top{display: none;}

.pro_list{width: 100%;border-top:none;background: #f3f3f3; float:left;}
.pro_list .nLi{width:31%;position: relative; border-bottom:1px solid #fff; float:left; margin:5px 1%; }
.pro_list .nLi &gt; a{padding-left: 15px;font-size: 12px;line-height:50px;background:none;display: block;} 

.i_pro_right{ width:100%; float:left;}



}
/* 新闻 */
.xn_c_index_39_wrap{position: relative;overflow: hidden;} 
.xn_c_index_39_f{max-width:1280px;margin: 0 auto; }
.xn_c_index_39_topbox{margin-top:25px;}
.xn_c_index_39_news_t1{font-size: 26px;line-height: 36px;font-weight: bold;color: #333333;text-align: center; text-transform:uppercase;}
.xn_c_index_39_news_t2{font-size: 12px;line-height: 28px;color: #666666;text-align: center; text-transform:uppercase; letter-spacing:1px;}
.xn_c_index_39_typebox{text-align: center;margin-top: 14px;}
.xn_c_index_39_type{display: inline-block;padding: 0 25px;font-size: 16px;line-height: 30px;border-radius: 10px;color: #fff;cursor: pointer; background:#003399;}
.xn_c_index_39_type:hover,.xn_c_index_39_type.cur{background: #cc2229;color: #ffffff;}
.xn_c_index_39_nrbox{margin-top:10px;}
.xn_c_index_39_tab{display: none;}
.xn_c_index_39_tab.cur{display: block;}

.news-gs{}
.news-gs li{ width:48%; margin-top: 30px; margin-right:1%; margin-left:1%; float:left;}
.news-gs li a h3{ display: block; font-size: 16px; color:#003399;}
.news-gs li a:hover h3{ display: block; color: #cc2229;}
.news-gs li p{ display: block; margin-top: 12px; font-size: 13px; color: #636468; line-height: 150%;}
.news-gs li .line-n{ display: block; margin-top: 12px; width: 20%; height: 2px; background-color:#cc2229; transition: all 0.3s ease-out;}
.news-gs li:hover .line-n{ width: 90%;}
.news-gs .date-n{ display: block; margin-top: 12px; font-size: 12px; color: #b3b4b8;}

/* new_right */
.new_right{ width:100%; float:left;}
.new_right li{ width:48%; float:left; height:80px; margin:15px 1%; display:block;}
.new_right li strong{ margin-right:15px; display:block; width:80px; height:70px; background:#003399; float:left; color:#fff; text-align:center; line-height:28px; font-size:16px; font-weight:normal; padding-top:10px;}
.new_right li strong b{ color:#fff; font-size:24px; padding-top:10px;}
.new_right li span{ line-height:24px; color:#666;}
.new_right li span a{ font-weight:bold; font-size:14px;}
@media (max-width: 1200px) {
.news-gs li{ width:98%; margin-top: 30px; padding:0;}
.new_right li{ width:98%; float:left; height:80px; margin:15px 1%; display:block;}
}

.xn_c_index_39_more{width: 260px;height: 50px;border: 1px solid #cccccc;border-radius: 25px;overflow: hidden;font-size: 14px;line-height: 50px;text-align: center;margin: 28px auto 0;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}
.xn_c_index_39_more a{color: #999999;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}
.xn_c_index_39_more:hover{background: #003399;border-color: #003399;}
.xn_c_index_39_more:hover a{color: #ffffff;}

.ensureMain{ overflow:hidden;}
.ensureMain li{float:left;width:30%;line-height:20px;transition:all 0.5s; overflow:hidden;background:#fff;margin:10px 1%;font-size:14px;}
.ensureMain li .eImg{width:100%;overflow:hidden;display:block;}
.ensureMain li img{width:100%;transition:all 0.5s;}
.ensureMain li div{background:#fff;padding:10px 1%;}
.ensureMain li h4{color:#b02427;background: url('e_line.jpg') no-repeat left bottom;padding-bottom:5px;margin-bottom:10px;}
.ensureMain li h4 a{display:block;font-size:16px;color:#555555;line-height:24px;margin-top:5px; margin-bottom:5px;}
.ensureMain strong{ color:#bbb; font-weight:normal;}
.ensureMain li p { margin-bottom:5px;line-height:24px;}
.ensureMain li:hover img{transform:scale(1.1,1.1);}
.ensureMain li h4 a:hover { color:#003399;}
.ensureMain li:nth-child(3n){margin-right:0;}
@media (max-width: 1200px) {
.ensureMain li{float:left; width:47%; line-height:20px;transition:all 0.5s; overflow:hidden;background:#fff;margin:15px 1%;font-size:14px;}
.ensureMain li .eImg{width:100%;overflow:hidden;display:block;}
}

/*product*/
.fangbj{ width:100%; float:left; padding:25px 0; background:#e9e8e7;}
.fangan{ width:100%; margin:0 auto; max-width:1280px; margin-top:15px; } 
.hyyybj{ width:100%; margin:0 auto; margin-top:15px; background:url(home_application-bg.jpg) no-repeat bottom fixed; } 
.hyyy{ width:100%; margin:0 auto; max-width:1280px; text-align:center; padding:80px 0;}
.hyyy h1{ text-align:center; font-size:48px; letter-spacing:1px; color:#fff;}
.hyyy strong{ text-align:center; font-size:24px; letter-spacing:1px; color:#fff; padding:15px 0;}
.hyyy span{ text-align:center; font-size:36px; letter-spacing:1px; color:#fff;}
.fangant{ width:100%; margin:0 auto; max-width:1280px; margin-top:15px; } 
.fangan_t{ max-width:1280px; margin:0 auto; text-align:center;}
.fangan_t h2{ text-align:center; font-size:14px;color:#666; letter-spacing:1px; line-height:32px; display:block; font-weight:normal;text-transform: uppercase;}
.fangan_t h2 b{ font-weight:bold; font-size:26px; letter-spacing:1px; color:#333333; text-transform:uppercase;}

.chanpin_b{ width:100%; float:left; margin-top:25px; padding-bottom:25px;}
#chanpin_inline{ width:100%; max-width:800px; margin:0 auto;}
#chanpin_inline li { float:left; margin:5px 10px; padding:15px 25px;border-radius:5px; background:#333333; border:1px solid #333333; text-align:center; list-style:none; display:block;}
#chanpin_inline li a{ text-align:center; display:block; font-size:14px; color:#fff;}
#chanpin_inline li:hover{ background:#fff; color:#b81c22; border:1px solid #333333; font-weight:bold;}
#chanpin_inline li:hover a{ color:#b81c22;}


.fangan_bcp{ float:left;width:31%; margin-bottom:2%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_bcp h4{font-size:14px;font-weight:normal;color:#fff; line-height:40px; overflow:hidden; position:absolute; bottom:0px; width:100%; background:rgba(0,51,153,0.8);}
.fangan_bcp h4 a{font-size:14px;font-weight:normal;color:#fff;}

.fangan_bcp .pImg{ display:block;overflow:hidden; background:#fff; border:1px solid #ccc;}
.fangan_bcp img{width:100%; transition:all 0.5s;}
.fangan_bcp:hover img{transition:all 0.5s;transform: scale(1.1,1.1);}
.fangan_bcp:hover h4{ color:#fff; font-weight:bold; background:#006699;}


@media (max-width: 640px) {
.fangan_bcp{ float:left;width:48%; margin-bottom:3%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_l{ width:100%; float:left;}
.fangan_l h2{  text-align:center; font-size:16px; line-height:32px; display:block; font-weight:normal;}
.fangan_l h2 b{ font-weight:bold; font-size:22px; letter-spacing:1px; color:#b81c22; text-transform:uppercase;}
#chanpin_inline{ width:100%; max-width:1280px; margin:0 auto;}
#chanpin_inline li { float:left; width:45%; margin:5px 2%; padding:15px 0;border-radius:5px; background:#333333; text-align:center; list-style:none; display:block;}
#chanpin_inline li a{ text-align:center; display:block; font-size:14px; color:#fff;}
#chanpin_inline li:hover{ background:#fff; color:#b09764; font-weight:bold;}
#chanpin_inline li:hover a{ color:#b09764;}
}
.about_bj{}
.about{ background: url("../images/abbg.png")no-repeat bottom; background-size: cover; height:650px;  padding-bottom:50px; max-width:1200px; margin:0 auto; margin-top: 60px;}

.about_fl{ width: 40%; }
.about_fl b { display: block; margin-bottom: 10px;}
.about_fl b span{display: inline-block; height:66px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px;}
.about_fl b em{display: block;  line-height: 42px;font-size: 28px;color:#0C4194; font-weight: bold; font-style: normal;}
.about_fl p{ line-height: 32px; padding-bottom:10px; color: #666; font-size: 18px;}
.about_fl .ab-title{ font-size: 22px; color: #222; font-weight: bold; margin-top: 10px;}
.about_fr{  width: 55%; }
.ab_list2{   background: #fff; align-items: center; justify-content: center; padding: 30px; margin-top: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);width: 100%;float: left;}
.ab_list2 li{ cursor: pointer; color:#333;  padding:10px 0; text-align: center; border-right: 1px solid #dedede;-webkit-transition:transform .3s;transition:transform .3s; font-size: 18px; float:left; width:24%;}
 .ab_list2 li:last-child { border: none;}
.ab_list2 li b{display: block;font-size: 58px;color: #0C4194;overflow: hidden;}
.ab_list2 li i {
  font-size: 18px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #C21125;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  position: relative;
  top: -25px;
  left: -10px;
  color: #fff;
  display: inline-block;
}
.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}
.more-btn {

  display: inline-block;
  padding: 11px 25px 10px 18px;
  border: 2px solid #C21125;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.52px;
  text-decoration: none;
  color: #C21125;
  position: relative;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.more-btn i {
  margin-left: 40px;
  color: #fff;
  z-index: 1;
  position: relative;
}
.more-btn::before {
  content: "";
  width: 52px;
  right: 0px;
  top: 0;
  bottom: 0;
  position: absolute;
  border-left: 15px solid transparent;
  border-top: 44px solid #C21125;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;

}
.more-btn:hover {
  background-color: #C21125;
  color: #fff;
  text-decoration: none;
}
.more-btn:hover::before {
  border-top-color: #fff;
}
.more-btn:hover i {
  color: #C21125;

}
@media (max-width: 640px) {
.about_fl{ width:100%; }
.about_fr{  width:100%; margin-top:15px; }

.ab_list2{   background: #fff; align-items: center; justify-content: center; padding: 30px 0; margin-top: 30px; box-shadow:none;width: 100%;float: left;}
.ab_list2 li{ cursor: pointer; color:#333;  padding:10px 0; text-align: center; margin:5px 0; border-right: 1px solid #dedede;-webkit-transition:transform .3s;transition:transform .3s; font-size: 18px; float:left; width:48%;}
 .ab_list2 li:last-child {  border-right: 1px solid #dedede;}
.ab_list2 li b{display: block;font-size: 58px;color: #0C4194;overflow: hidden;}
.ab_list2 li i {
  font-size: 18px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #C21125;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  position: relative;
  top: -25px;
  left: -10px;
  color: #fff;
  display: inline-block;
}
.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}





}

/*产品图册*/
.product_pic { background: #f7f7f7; padding: 30px 60px 60px; margin-top: 80px;}
.prone { margin-top: 30px;}
.prone .swiper-slide img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.prone .swiper-slide p {
    background-color: #0D5FB2;
    color: #fff;
    text-align: center;
    line-height: 40px;
    padding: 10px;
}
.prone .swiper-slide:hover p {
    background-color: #006699;
   
}

.prone .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
  
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    font-size:24px;
    line-height: 60px;
    height: 60px;
    transition: all .5s ease;
    outline: none;
}
.prone .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    font-size: 24px;
    line-height: 60px;
    height: 60px;
    transition: all .5s ease;
    outline: none;
}
.prone .swiper-button-prev:hover, .prone .swiper-button-next:hover {
    background: #0D5FB2;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '&lt;';
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '&gt;';
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height:60px;
}
/*youshi start*/

.youshi { overflow:hidden; width:100%; height:1004px; background:url(youshi_bg.jpg) no-repeat center top; margin:0 auto;}
.youshi .ys_tit{height: 95px; width:100%; float:left;}
.youshi .ys_tit b{font-size: 32px;color: #fff;padding-left:350px;display: block;letter-spacing: 2px}
.youshi .ys_tit p{color: #fff;font-size: 15px;padding-left: 270px}
.youshi .wen b{font-size: 30px;}
.youshi .wen i{display: block;padding: 5px 0 15px;font-size: 16px;}
.youshi p{ font-size:15px; color:#666; line-height:30px; margin-bottom:13px;display: block;width:470px;text-indent: 2em;}
.youshi .wen01 .w{ overflow:hidden; width:470px;}
.youshi .wen02{ text-align:right;padding-top: 55px;}
.youshi .wen01{ margin-top:75px; margin-bottom:60px;}
.youshi .wen03{ margin-top:240px;}
@media (max-width: 640px) {
	.youshi { display:none;}
	.product_pic { background: #f7f7f7; padding: 30px 0; margin-top:60px;}
	.main_footdl{ display:none;}

.m_title3{ display:none;}
}
/*优势*/
.fl{ float:left;}
.fr{ float:right;}
.main_box {
	max-width: 1300px; width:100%;
	margin: 0 auto;
}
.main_box a{ color:#fff;}
.main_box a:hover{ color:#f00;} 
.main-txt { position: relative; margin-bottom:20px;}
.m_title{ font-size:38px; margin-top:45px; color:#003399; font-weight:bold; text-align: center;  z-index: 2; position: relative; }
.m_title2{ font-size:16px; padding: 10px 0; color: #666;text-align: center;}
.m_title3 { color: #f5f5f5; font-size: 58px; position: absolute; top:-28px; z-index: 1; text-align: center; left: 0; right: 0; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform:Uppercase}

.ys { background: #FCFCFC; padding: 20px 0 80px;}
.ysbox{font-size:16px;line-height:36px;color: #555; margin-top: 30px;  }
.ysbox1{background:url(../images/ysbg.jpg) no-repeat center 0;overflow: hidden;}
.ysbox_tu{width: 50%;}

.ysbox_txt{width: 50%;}
.ysbox_txt1{padding:41px 45px 0;}
.ysbox_txt1 .ys_title {height:143px;line-height:35px;font-size:24px;white-space: nowrap;color: #252525;}
.ysbox_txt1 .ys_title span{height:109px;font-size:32px;white-space: nowrap;color: #fff;width: 65px;float: left;background:url(../images/numbg.png) no-repeat 0 0;font-family: Didot;text-align: center;padding: 42px 0 0;}
.ysbox_txt1 .ys_title b{line-height:47px;font-size:28px;display: block;color: #003399;}
.ysbox_txt1 .ys_title p{display: block;float: left;padding:6px 0 0 16px; font-weight: 600;}
.ysbox_txt1 li{padding: 0 0 0 82px; line-height: 28px; margin-top: 10px; font-size: 16px;}

/*news*/
.articleList {width: 100%;float: left;}
.art_list {width: 100%;float: left;padding: 15px 0;border-bottom: 1px dashed #dcdcdc;}
.art_img {float: left;width: 23%;}
.art_img img {width: 100%; max-height:85px;}
.art_right {float: right;width:100%;}
.art_title {width: 100%;height: 25px;line-height: 25px;}
.art_title a{font-size: 14px; font-weight:bold;}
.art_author {width: 100%;height: 24px;line-height: 24px;color: #999;font-size: 14px;}
.art_author span {margin: 0 10px 0 0;}
.art_des {width: 100%;line-height: 20px;max-height:70px;overflow: hidden; font-size:12px;}
.art_more {width: 100%;display: inline-block;text-align: left;color: #333333;}
.art_more:hover {color: #333333;}
.art_list:hover .art_title a {color: #003399;}
.art_list:hover {border-bottom: 1px dashed #003399; padding-left:5px;transition:all 0.3s;}

/*end*/

/* 友情链接 */
.yz-link{ max-width:1280px; margin:30px auto ; overflow: hidden;}
.yz-link img{ display: block; float: left; margin-right: 15px;}
.yz-link a{ display: block; float: left; margin-right: 15px;  font-size: 14px; color: #333; line-height: 31px; position: relative;}
.yz-link a:before{ content: ""; position: absolute; right:-8px; top:11px; z-index: 10; width: 1px; height: 10px; background-color: #666;}
.ftLink { max-width:1280px; padding:0 0 25px; background:#fff; font-size:13px; line-height:24px; }
.ftLink strong { font-size:16px; }
.ftLink a { margin:0 18px; }

/* 版权 */
#footer {
	background: #666;
	width:100%; float:left;
}
.main_foot {height: auto;padding:60px 0; margin-bottom:10px; float:left; width:100%;}
.main_footdl {width: 469px;}

.main_footdl dt,.main_footd2 dt {
	font-size:20px;
	margin-bottom: 20px;
	color: #fff;
	padding: 0;
	font-weight: bold;
}

.main_footdl dd {
	height: auto;
	overflow: hidden;
	margin-top: 10px
}
.main_footdl dd a {
	line-height: 42px;
	font-size: 16px;
	width: 180px;
	float: left;
	display: block;
	color: rgba(255,255,255,.8);
}
.main_footdl dd a img{ float:left; padding-top:8px;}

.main_footdl dd a:hover { color:#f00;}
.main_footd2{
	width: 409px;
}

.main_footd2 p{	color: rgba(255,255,255,.8);line-height: 32px;
	font-size: 16px;}
.main_footd3{ width: 170px; text-align: center; margin-top:40px;}
.main_footd3 dd{ color: rgba(255,255,255,.8); margin-top: 10px;}
.main_footd3 img{ width: 140px;}

@media (max-width: 720px) {
.main_footd2{
	width: 100%;
}}
.main_foottel {width: 300px;text-align: center;border-right: 1px solid #12508E;}
.main_foottel a {
	height: 32px;
	margin: 20px auto;
	width: 120px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	line-height: 32px;

	border-radius: 2px;
	color: rgba(255,255,255,.8);
}
.main_foottel a:hover {
	background: #fff;
	color: #003399;
}
.main_foottel b {
	font-size: 28px;
	padding: 0;
	display: block;
	margin: 0;
	color: #fff;
	text-align: center;
}

.main_foottel p {
	padding: 30px 0;
	text-align: center;
	color: rgba(255,255,255,.8);
}
.footer_copy{ padding: 25px 0; text-align: center;color: rgba(255,255,255,.8); border-top: 1px solid #fff; float:left; text-align:center; width:100%;}
.footer_copy a{color: rgba(255,255,255,.8);}

/*内页样式*/
.main{ max-width:1280px; margin:0 auto;}
.mainbg { position:relative;padding:30px 10px; background:#fff; box-shadow: 0 1px 10px #eee; }
.mainbg:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main-home { padding-bottom:10px; background:#f3f3f3; }
/* 面包屑 */
.location { padding:0; margin:0 0 35px; border: 1px solid #faf5f0; background:#f9f8f8; line-height:40px; }
.location .ico { display:block; padding-left:95px; background:url(icon-home.png) no-repeat;  }
.location .ico a:hover,.location .ico a:last-child { color:#333333; }
.location .ico span { padding:0 5px;}
.sous{ float:right; width:60%; padding-top:5px;}
.search {  line-height: 30px; float: left; width:40%;}
.biaodan{ float:right;}
#searchsubmit { float: left; width:50px; background: url(icon-lense.png) no-repeat center #333333; cursor: pointer;color: #ffffff; height: 30px; border: none;}
#s{ background: none; color:#444; border:1px #ddd solid; border-right: none;float: left; width: 200px;  padding-left: 10px;height: 28px;}

@media (max-width:760px) {
.location .dingwei{  display:none;}
.sous{ float:left; width:100%; padding-top:5px;}
.search { line-height: 30px; float: left;}
.biaodan{ float:right;}
#searchsubmit { float: left; width:25%; background: url(icon-lense.png) no-repeat center #333333; cursor: pointer;color: #ffffff; height: 30px; border: none;}
#s{ background: none; color:#444; border:1px #ddd solid; border-right: none;float: left; width: 45%;  padding-left: 10px;height: 28px;}

}
.xgtj{ width:100%; float:left;}
.tit{ width:100%; float:left; border-bottom:1px solid #ccc; line-height:35px;}
.xgtj .block{ width:100%; height:550px; float:left;}
.xgtj .block ul li{ border-bottom:1px solid #E8E9EF; display:block; text-align:center; padding:10px 0; line-height:32px;}
.xgtj .block ul li a img{ width:90px; }
.xgtj .block ul li:hover .m-pic img { transform:scale(1.1); }
.xgtj .block ul li a{}
.xgtj .block ul li a:hover{ color:#333333;}
.conta{ width:100%; float:left;}
.contazt{ width:100%; float:left; padding:10px; line-height:28px;}

/*首页默认模式 在线客服 */
.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; right:0; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#003399; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(online_lx.png) no-repeat #003399; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#cc2229; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }

/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
/* 二维码 */
.mbar-micro .mbar-tip  {  min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -80px; }
.mbar-micro-hc .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }

/* 返回顶部 */
.mbar-top { display:none; }
.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }
/* 样本下载 */
.mbar-dwn i { background-position:0 -160px; }
.mbar-dwn .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-dwn .mbar-tip a { padding:0px 15px; }
/* 漂浮位置 */
.online-qq-left { right:auto; left:10px; }
.online-qq-left .mbar-ico .mbar-tip { right:auto; left:100px; }
.online-qq-left .mbar-ico:hover .mbar-tip { right:auto; left:55px; }
.online-qq-left .mbar-top .mbar-tip { right:auto; right:100px; }
.online-qq-left .mbar-top:hover .mbar-tip { right:auto; left:55px; }
.online-qq-right { left:10px; right:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:auto; left:55px; }
/* 新闻列表_PC */
.TTXW_LIST ul li { padding: 8px 15px 8px 5px; border-bottom: 1px solid #e9e9e9; color:#999; font-size:16px; transition:all 0.3s ease-in-out; line-height:40px;  }
.TTXW_LIST ul li a{ position: relative; display: block; left: 0; font-size:16px; padding-left:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.3s ease-in-out; vertical-align: top; }
.TTXW_LIST ul li .u-date { font-size: 12px; }
.TTXW_LIST ul li:hover { background: #333333; color:#fff; }
.TTXW_LIST ul li:hover a { left:6px; color: #fff; }
.TTXW_LIST ul li .u-date { float: right; }
/* 图片列表_PC */
.iFCB-TPLB li { position:relative; line-height:22px; }
.iFCB-TPLB li .iFCB-rp { position:relative; margin:0; padding:1px 10px 0; overflow: hidden; transition:all 0.3s ease 0s; box-sizing: border-box; }
.iFCB-TPLB li .iFCB-rp pre{ font-size:12px; margin:0;}
.iFCB-TPLB li .m-pic { position:relative; overflow:hidden; border:1px solid #ccc; }
.iFCB-TPLB li .m-pic img { width:100%; transition:all 0.6s ease-in-out; transform:scale(1); max-height:345px; padding:2px;}
.iFCB-TPLB li .m-intro { width:100%; padding:8px; transition:all 0.3s ease 0s; box-sizing: border-box; text-align:center; }
.iFCB-TPLB li .m-intro::after{display:block;content:"";clear:both}
.iFCB-TPLB li .m-intro .u-tt { position:relative; width:100%; height:26px; font-size:14px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center; }
.iFCB-TPLB li p { font-size:12px; line-height:28px; }
.iFCB-PRO-3 { float:left; width:33%; box-sizing: border-box; margin-bottom:25PX;  overflow:hidden; }
.iFCB-PRO-4 { float:left; width:50%; box-sizing: border-box; margin-bottom:25PX;  overflow:hidden; }

@media (max-width: 720px) {
.iFCB-PRO-3 { float:left; width:50%; box-sizing: border-box; margin-bottom:25PX;  overflow:hidden;}
}
/* 左右结构 - 二级栏目 */
#leftObj .iFCB-TPLB li { height:auto!important; }
#leftObj .iFCB-TPLB li .iFCB-rp { margin:0 0 10px; background:none; }
#leftObj .iFCB-list li .date,.inside_content .iFCB-list li .date,.inside_content .iFCB-list li .date { display:none; }
#leftObj { float:left; width:240px; margin-right:30px; }
#rightObj { display:block; overflow:hidden; zoom:1; padding:0 0 5px; min-height:300px; }
#rightObj h2.title { display:none; }


.each_li&gt;.name,
.menu dl dt { position:relative; border-bottom: 1px solid #e2e2e2; background:url(iFCB_sort_ico.png) no-repeat 11px 15px #f0f0f0; font-size:14px; line-height:20px; overflow:hidden;}

.list-inline{ width:100%; max-width:1280px; float:left; display:none;}
.list-inline1 li { float:left; margin:5px 6px; padding:10px 30px;border-radius:5px; background:#333333; text-align:center; list-style:none; display:block;}
.list-inline1 li a{ text-align:center; display:block; font-size:12px; font-weight:bold; color:#fff;}
.list-inline1 li:hover{ background:#29b6af;}
@media (max-width: 720px) {
#leftObj,.left{ width:100%;}
#rightObj { display:block; width:100%; overflow:hidden; zoom:1; }
.list-inline{ width:100%; max-width:1280px; float:left; display:block;}
}

.each_li&gt;.name&gt;div { position:relative; }
.each_li&gt;.name&gt;div&gt;a,
.menu dl dt a { position:relative; display:block; padding:10px 0; padding-left:28px; font-size:14px; }
.each_li&gt;.name&gt;.icon:after { position:absolute; top:50%; left:17px; display:block; width:30px; height:30px; padding:0; margin-top:-15px; cursor: pointer; content:""; z-index:2; }
.each_li.active&gt;.name&gt;.icon:after { }
.each_li:hover&gt;.name,.each_li.current&gt;.name,.each_li.active&gt;.name,
.each_li:hover&gt;.name a,.each_li.current&gt;.name a,.each_li.active&gt;.name a {}
.each_li .third_box { border:1px solid #eeefee; border-bottom:0; }
.each_li .third_box .third_li,
.menu dl dd { border-bottom:1px solid #efefef; background:#f9f9f9; }
.each_li .third_box .third_li:hover { border-bottom:1px solid #54c149; background:#efefef; }
.menu dl dd a { display:block; padding:12px 40px;}
.each_li .third_box .third_li.current,
.each_li .third_box .third_li.current .active { color:#fff; }

.pro_sort_box dd{ padding:8px 0; background:url(li2.png) no-repeat left; margin-left:20px;}
.pro_sort_box dd a{ padding-left:15px; display:block;}
.pro_sort_box .title{ background:#003399; height:94px; text-align:center;}
.pro_sort_box .title .title_more a{ color:#fff; font-size:24px; line-height:94px; text-align:center; display:block;}

/* 经过效果 */
.iFCB-TPLB li:hover .m-pic img { transform:scale(1.1); }
.iFCB-TPLB li:hover  .m-intro { bottom: 0; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro { background: #003399; color: #fff; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro .u-tt a { color: #fff; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro .u-des { color: #eee; }



/*news product*/
.news_ul{ padding:8px;}
.news_ul li{ padding:3px 5px; height:24px; line-height:24px; background:url(../images/li2.png) no-repeat left; border-bottom:1px dashed #cdcdcd;}
.news_ul li a{ float:left; padding-left:5px; line-height:24px;}
.news_ul li span{ float:right; padding-right:5px;}
.product_ul{ padding:8px;}
.product_ul li{ float:left; padding:8px 10px; text-align:center; line-height:24px;}
.product_ul li a{ display:block; text-align:center;}
.product_ul li a img{ border:1px solid #d4d4d4; padding:1px; width:350px; height:350px;}
.product_ul img{ max-width:750px;}
/*page_dd*/
.page_dd{ width:700px; height:30px; padding-top:20px; border-bottom:1px solid #d2d2d2; text-align:center; margin:0 auto; font-size:14px; font-weight:bold;}
.page_span{ text-align:center; margin:10px auto;}
.page_span span{ padding:0 10px;}
.page_p{ line-height:175%;}
.page_img { padding-top:10px; text-align:center; margin:0 auto;}

.message_ul{ padding:20px 10px 2px 50px;}
.message_li1{ line-height:175%; font-size:12px; padding:5px;}
.message_li{ padding:5px 0;}
.message_li span{ width:80px; height:20px; line-height:30px; text-align:right; display:block; float:left;}
.message_li2{ width:320px; text-align:center; padding-top:15px;}
.message_li2 span{ padding:0 6px;}</pre></body></html>